<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="head">
        <div class="inner">
            <div class="logo">
                <a href="#"><img src="images/logo.png" alt=""></a>
            </div>
            <div class="nav">
                <nav>
                    <ul>
                        <li><a class="act" href="index.html">Home</a></li>
                        <li><a href="">About</a></li>
                        <li><a href="portfolio.html">Portfolio</a></li>
                        <li><a href="">Features</a></li>
                        <li><a href="">Blog</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
            </div>
            <div class="right">
                <a href="#"></a>
                <a href="#" class="er"></a>
                <a href="#" class="san"></a>
                <a href="#" class="si"></a>
                <a href="#" class="wu"></a>
                <a href="#" class="liu"></a>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="inner">
            <div class="b_lt">
                <div class="lt1">
                    <P>WELCOME</P>
                </div>
                <div class="lt1 lt2">
                    <P>TO THE</P>
                </div>
                <div class="lt1 lt3">
                    <P>STUDEON</P>
                </div>
                <div class="lt_bot">
                    <input class="acti" type="button">
                    <input type="button">
                    <input type="button">
                    <input type="button">
                </div>
            </div>
            <div class="b_rt">
                <a href="#"><img src="images/slide1.png" alt=""></a>
            </div>
        </div>
    </div>
    <div class="news">
            <div class="news1">
                <div class="n_lt">

                </div>
                <div class="n_rt">
                    <h3><a href="">EVENTS PLANNING</a></h3>
                    <p><a href=""></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                </div>
            </div>
            <div class="news1">
                <div class="n_lt n_lt1">

                </div>
                <div class="n_rt">
                    <h3><a href="">EVENTS PLANNING</a></h3>
                    <p><a href=""></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                </div>
            </div>
            <div class="news1">
                <div class="n_lt n_lt2">

                </div>
                <div class="n_rt">
                    <h3><a href="">EVENTS PLANNING</a></h3>
                    <p><a href=""></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                </div>
            </div>
            <div class="news1">
                <div class="n_lt n_lt3">

                </div>
                <div class="n_rt">
                    <h3><a href="">EVENTS PLANNING</a></h3>
                    <p><a href=""></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
                </div>
            </div>
        <div class="news1">
            <div class="n_lt n_lt4">

            </div>
            <div class="n_rt">
                <h3><a href="">EVENTS PLANNING</a></h3>
                <p><a href=""></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
            </div>
        </div>
        <div class="news1">
            <div class="n_lt n_lt5">

            </div>
            <div class="n_rt">
                <h3><a href="">EVENTS PLANNING</a></h3>
                <p><a href=""></a>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</p>
            </div>
        </div>

    </div>
    <div class="an">
        <div class="an_lt">
            <h3>HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME ?</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>
        </div>
        <div class="an_rt">
            <div class="fk">
                <div class="fk1"></div>
                <div class="fk2"></div>
                <div class="fk1"></div>
                <div class="fk2"></div>
            </div>
            <p><a href="">BUY NOW!</a></p>
        </div>
    </div>
    <div class="port">
            <h3>THE PORTFOLIO</h3>
        <div class="port1">
            <div class="p_pic">
                <a href=""><img src="images/p1.jpg" alt=""></a>
                <div class="pic_lt">
                    <p>WEB DESIGN</p>
                </div>
                <div class="pic_rt">
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="p_text" >
                <h4><a href="#">I AM AN AMAZING PROJECT</a></h4>
                <p><a href="#">Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit. Quisque <br>quis nulla amet. turpis.</a></p>
            </div>
        </div>
        <div class="port1">
            <div class="p_pic">
               <a href=""><img src="images/p2.jpg" alt=""></a>
                <div class="pic_lt">
                    <p>WEB DESIGN</p>
                </div>
                <div class="pic_rt">
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="p_text" >
                <h4><a href="#">I AM AN AMAZING PROJECT</a></h4>
                <p><a href="#">Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit. Quisque <br>quis nulla amet. turpis.</a></p>
            </div>
        </div>
        <div class="port1">
            <div class="p_pic">
                <a href=""><img src="images/p3.jpg" alt=""></a>
                <div class="pic_lt">
                    <p>WEB DESIGN</p>
                </div>
                <div class="pic_rt">
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="p_text" >
                <h4><a href="#">I AM AN AMAZING PROJECT</a></h4>
                <p><a href="#">Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit. Quisque <br>quis nulla amet. turpis.</a></p>
            </div>
        </div>
        <div class="port1">
            <div class="p_pic">
                <a href=""><img src="images/p4.jpg" alt=""></a>
                <div class="pic_lt">
                    <p>WEB DESIGN</p>
                </div>
                <div class="pic_rt">
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="p_text" >
                <h4><a href="#">I AM AN AMAZING PROJECT</a></h4>
                <p><a href="#">Lorem ipsum dolor sit amet,<br> consectetur adipiscing elit. Quisque <br>quis nulla amet. turpis.</a></p>
            </div>
        </div>
    </div>
    <div class="eal">
        <div class="e_lt">
            <div class="an_lt">
                <h3>SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</p>
            </div>
        </div>
        <div class="e_rt">
            <div class="rt_z">
                <div></div>
            </div>
            <div class="rt_y">

            </div>
        </div>
    </div>
    <div class="blg">
        <h3>OUR BLOGGY</h3>
        <h3 class="h3">TESTIMONIALS</h3>
        <div class="bk">
            <div class="bk_pic">
                <a href="#"><img src="images/b1.jpg" alt=""></a><div class="bkk"><div></div><div></div></div>
            </div >
            <div class="bk_text">
                <h3>JUST A COOL BLOG POST TITLE HERE.</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <a href="">Read more</a>
                <div><a href="">&gt</a></div>

            </div>
        </div>
        <div class="bk">
            <div class="bk_pic">
                <a href="#"><img src="images/b2.jpg" alt=""></a><div class="bkk"><div></div><div></div></div>
            </div >
            <div class="bk_text">
                <h3>JUST A COOL BLOG POST TITLE HERE.</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <a href="">Read more</a>
                <div><a href="">&gt</a></div>

            </div>
        </div>
        <div class="blg_r">
            <div class="blg_top">
                <div class="blg_tz">
                    <a href="#"><img src="images/t1.jpg" alt=""></a>
                </div>
                <div class="blg_ty">
                    <h3><a href="#">VERY PLEASED WITH THE COOL SERVICES PROVIDED.</a></h3>
                    <p>Linda Scott / Webdesigner</p>
                    <a href="#">http://www.mywebsite.com</a>
                </div>

            </div>
            <div class="blg_bot">
                <div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p>
            </div>
        </div>
        <div class="blg_r">
            <div class="blg_top">
                <div class="blg_tz">
                    <a href="#"><img src="images/t1.jpg" alt=""></a>
                </div>
                <div class="blg_ty">
                    <h3><a href="#">VERY PLEASED WITH THE COOL SERVICES PROVIDED.</a></h3>
                    <p>Linda Scott / Webdesigner</p>
                    <a href="#">http://www.mywebsite.com</a>
                </div>

            </div>
            <div class="blg_bot">
                <div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="inner">
            <div class="about">
                <h3>ABOUT STUDEON</h3>
                <div class="xian"></div>
                <p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</a></p>
                <p><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</a></p>
            </div>
            <div class="tags">
                <h3>ABOUT STUDEON</h3>
                <div class="xian"></div>
                <div class="gjc">
                    <a href="#">Awesome</a>
                    <a href="#">Strategy</a>
                    <a href="#">Photography</a>
                    <a href="#">Development</a>
                    <a href="#">Css</a>
                    <a href="#">photoshop</a>
                    <a href="#">Html</a>
                    <a href="#">Awesome</a>
                    <a href="#">Strategy</a>
                    <a href="#">Photoshop</a>
                    <a href="#">Html</a>
                </div>
            </div>
            <div class="test">
                <h3>ABOUT STUDEON</h3>
                <div class="xian"></div>
                <div class="test_top">
                    <img src="images/tw.png" alt="">
                    <p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
                </div>
                <h4>ABOUT 15 MINS</h4>
                <div class="test_top test_topp">
                    <img src="images/tw.png" alt="">
                    <p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
                </div>
                <h4>ABOUT 15 MINS</h4>
            </div>
            <div class="feed">
                <h3>ABOUT STUDEON</h3>
                <div class="xian"></div>
                <div class="pic">
                    <a href="#"><img src="images/f1.png" alt=""></a>
                    <a href="#"><img src="images/f2.png" alt=""></a>
                    <a href="#"><img src="images/f3.png" alt=""></a>
                    <a href="#"><img src="images/f4.png" alt=""></a>
                    <a href="#"><img src="images/f1.png" alt=""></a>
                    <a href="#"><img src="images/f2.png" alt=""></a>

                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="inner">
            <a href="index.html"><img src="images/logo2.png" alt=""></a>
            <p>Copyright ? 2015 All rights Reserved | Template by  <a href="">W3layouts</a></p>
        </div>
        <div class="gotop">
            <a href="#"></a>
        </div>
    </div>

</body>
</html>